@charset "utf-8";
/* CSS Document */

#top{
	width:100%;
	height:200px;
	background-color:#f7f7f7;
	margin-bottom:20px;
}
#top_content{
	width:85%;
}
#post_time{
	display:block;
	float:right;
	height:30px;
}
#person_info{
	clear:both;
	width:100%;
	height:170px;

}
#youji_bti{
	margin-left:20px;
	font-size:18px;
}
#person_details{
	
	height:100px;

	margin-left:20px;
	margin-top:10px;
}

#person_data{
	width:30%;
	height:100px;

	float:left;
}
#person_pic{
	width:55px;
	height:55px;
	float:left;
}
#person_pic img{
	width:55px;
	height:55px;
	margin-top:25px;	
}
#list{

	margin-top:40px;
	margin-left:60px;
}
#QR_Code{
	width:320px;
	float:right;
	background-color:#EEEEEE;
}
#QR_Code img{
	width:100px;
	height:100px;
	float:left;
}
#QR_Code_tip{
	margin-left:120px;
}
#content{
	width:85%;
	height:600px;
	
}
#contentInfo{
	padding:40px 40px;
	border-bottom:2px solid #ccc;
	font-size:18px;
}
#photoArea{
	padding:40px 40px;
}
#photoArea img{
	height:200px;
	width:320px;
	float:left;
	margin-left:20px;
	margin-bottom:20px;
	
}
#youji_content{
	width:100%;
	height:100%;
}
#left_youji{
	width:70%;
	height:100%;
	border:2px solid #ccc;
	float:left;
}
#right_youji{
	width:27.5%;
	height:100%;
	float:right;
}
#right_pic{
	width:100%;
	height:100%;
}
#right_pic li{
	float:left;
	height:60px;
	width:145px;
	margin:0px 0px 10px 10px;
}
#right_pic li a{
	display:inline-block;
	height:60px;
	width:145px;
	
}
#right_pic li span{
	display:inline-block;
	height:60px;
	width:145px;	
	background:url(../images/note_details_images/yjzy.png) no-repeat scroll 0 0;	
}
#right_pic #zan{
	background-position:0 -254px;
}
#right_pic #comment{
	background-position: 0 -126px;
}
#right_pic #share{
	background-position: 0 -63px;
}